.w3-section
{
background-color:#000;
color:#fff;

height:100px;	
}
.w3-section h1
{
color:#fff;
margin-left:13px;	
margin-top:20px;
font-size:14px;
}


 
/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
    text-align: center;
    background-color: #ccc;
    border: 1px solid #ddd;
}
/* 
 * http://stackoverflow.com/questions/489340/how-do-i-vertically-align-text-next-to-an-image-with-css
 * Use margin-bottom
*/

.img-valign {
  vertical-align: middle;
  margin-bottom: 0.75em;
}

.text1 {
  font-size: 44px;
}

.text2 {
  font-size: 24px;
}